@import '@/styles/variable';

.header-wrapper {
    position: fixed;
    padding: 0 50px;
    width: 100%;
    z-index: 1;
    height: $header-height;
    box-shadow: 0 4px 10px 0 rgb(173 192 255 / 22%);

    :global(.nav) {
        height: 100%;

        :global(.nav-link) {
            height: 100%;
            color: rgb(0 0 0 / 88%);
            display: flex;
            align-items: center;

            &:hover {
                color: #1677ff;
            }

            &:global(.active) {
                color: #1677ff;
            }
        }
    }
}
